<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
</head>
<body>
    <!-- 顶部导航栏 -->
    <div class="header">
        <div class="content">
            <ul class="header_left">
                <li>网站导航<span class="xiala iconfont icon-xiala1"></span>
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </li>
                <li>商家入驻<span class="xiala iconfont icon-xiala1"></span>
                    <ul>
                        <li></li>
                    </ul>
                </li>
                <li>客户服务<span class="xiala iconfont icon-xiala1"></span>
                    <ul>
                        <li></li>
                    </ul>
                </li>
                <li>
                    <span class="active">普通版</span>
                    <span class="next">关怀版</span>
                </li>
                <li>北京<span class=" xiala iconfont icon-xiala"></span></li>
            </ul>
            <ul class="header_right">
                <li>请登录</li>
                <li>注册有礼</li>
                <li>我的订单<span class="xiala iconfont icon-xiala1"></span></li>
                <li>我的易购<span class="xiala iconfont icon-xiala1"></span></li>
                <li>苏宁会员</li>
                <li><span class="gocar iconfont icon-gouwuche"></span>购物车<span class="xiala iconfont icon-xiala1"></span></li>
                <li>易付宝</li>
                <li>企业采购</li>
                <li>手机苏宁<span class="xiala iconfont icon-xiala1"></span></li>
            </ul>
        </div>
    </div>
    <!-- 搜索框 -->
    <div class="inputbox">
        <div class="content">
            <div class="input_left">
                <img src="https://image1.suning.cn/uimg/cms/img/159642507148437980.png" alt="">
                <img src="https://image5.suning.cn/uimg/cms/img/163176027184694266.gif" alt="">
            </div>
            <div class="input_right">
                <span class="fangdajing iconfont icon-fangdajing"></span>
                <input type="text" placeholder="iphone 13">
                <span class="inpfind">搜索</span>
            </div>
                <ul>
                    <li>月饼</li>
                    <li>好礼享不停</li>
                    <li>iphone 13</li>
                    <li>X70新品</li>
                    <li>爆款5折秒</li>
                    <li>大闸蟹</li>
                    <li>手机</li>
                    <li>冰箱</li>
                    <li style="border: none;">电视</li>
                </ul>
        </div>
    </div>
    <!-- nav导航栏 -->
    <div class="nav">
        <div class="content">
            <div class="nav_left">
                <span class="fenlei iconfont icon-icon-test"></span>
                分类
            </div>
            <ul>
                <li>
                    <img src="	https://image2.suning.cn/uimg/cms/img/161185054090483911.png" alt="">
                </li>
                <li>
                    <img src="https://image4.suning.cn/uimg/cms/img/161185055134555442.png" alt="">
                </li>
                <li>
                    <img src="https://image5.suning.cn/uimg/cms/img/161185056732073882.png" alt="">
                </li>
                <li>苏宁超市</li>
                <li>电器城</li>
                <li>生活家电</li>
                <li>手机数据</li>
                <li>金融</li>
            </ul>
            <div class="nav_right">
                <img src="https://image1.suning.cn/uimg/cms/img/159525719075727245.png" alt="">
            </div>
        </div>
    </div>
    <!-- banner轮播图 -->
    <div class="banner" id="banner">
        <div class="content">
            <ul class="list">
                <ul>
                    <li>
                        <span class="iconfont icon-shouji" style="color: blue;"></span>
                        <a>手机</a>/<a>运营商</a>/<a>智能数码</a>
                    </li>
                    <li>
                        <span class="iconfont icon-jiadian" style="color: blueviolet;"></span>
                        <a>家用电器</a>/<a>帮客</a>
                    </li>
                    <li>
                        <span class="iconfont icon-chouyanji" style="color: blue;"></span>
                        <a>厨卫</a>/<a>生活家电</a>/<a>厨具</a>
                    </li>
                    <li>
                        <span class="iconfont icon-desktop" style="color: blue;"></span>
                        <a>电脑办公</a>/<a>相机</a>/<a>电竞</a>
                    </li>
                    <li>
                        <span class="iconfont icon-shafa" style="color: orange;"></span>
                        <a>家具</a>/<a>家装</a>/<a>家纺</a>/<a>灯具</a>
                    </li>
                    <li>
                        <span class="iconfont icon-bangbangtang" style="color: green;"></span>
                        <a>食品</a>/<a>酒水</a>/<a>生鲜</a>/<a>特产</a>
                    </li>
                    <li>
                        <span class="iconfont icon-kouhong" style="color: red;"></span>
                        <a>美妆</a>/<a>个护</a>/<a>清洁</a>/<a>宠物</a>
                    </li>
                    <li>
                        <span class="iconfont icon-quanmianshidai-" style="color: pink;"></span>
                        <a>母婴</a>/<a>玩具</a>/<a>车床</a>/<a>童装</a>
                    </li>
                    <li>
                        <span class="iconfont icon-lanqiu" style="color: blue;"></span>
                        <a>运动</a>/<a>户外</a>/<a>国米</a>/<a>骑行</a>
                    </li>
                    <li>
                        <span class="iconfont icon-qunzi" style="color: pink;"></span>
                        <a>女装</a>/<a>男装</a>/<a>内衣</a>/<a>鞋靴</a>
                    </li>
                    <li>
                        <span class="iconfont icon-gongwenbao" style="color: orange;"></span>
                        <a>箱包</a>/<a>钟表</a>/<a>珠宝</a>/<a>艺术</a>
                    </li>
                    <li>
                        <span class="iconfont icon-qiche" style="color: blue;"></span>
                        <a>汽车</a>/<a>电摩</a>/<a>汽车用品</a>
                    </li>
                    <li>
                        <span class="iconfont icon-tushu" style="color: brown;"></span>
                        <a>图书</a>/<a>艺术</a>/<a>原版</a>/<a>文学</a>
                    </li>
                    <li>
                        <span class="iconfont icon-icon-" style="color: crimson;"></span>
                        <a>医药健康</a>/<a>计生情趣</a>
                    </li>
                    <li>
                        <span class="iconfont icon-licai" style="color: orange;"></span>
                        <a>理财</a>/<a>分期</a>/<a>便民</a>
                    </li>
                </ul>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
                <li>
                    <ol></ol>
                    <p><span></span></p>
                    <div class="active">
                        <ul>
                            <li></li>
                        </ul>
                        <div></div>
                    </div>
                </li>
            </ul>
            <div class="banner_center">
                <ul>
                    <li>
                        <img src="./images/lun8.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/轮播1.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/lun2.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/lun3.png" alt="">
                    </li>
                    <li>
                        <img src="./images/lun4.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/lun5.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/lun6.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/lun7.jpg" alt="">
                    </li>
                </ul>
                <ol class="pointBox"></ol>
                <div class="left">&lt;</div>
                <div class="right">&gt;</div>
                <ol class="bannerol">
                    <li>
                        <img src="./images/IPAD.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/数码.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/零食.jpg" alt="">
                    </li>
                    <li>
                        <img src="./images/西风.jpg" alt="">
                    </li>
                </ol>
            </div>
            <div class="content_right">
                <div class="cont_top">
                    <img src="./images/tool-logo.png" alt="">
                    <p>Hi, 欢迎来到苏宁易购</p>
                    <p>登录 | 注册</p>
                    <div style="color: #fff; background-color: orange;">199新人专享</div>
                    <div style="color: goldenrod; background-color: rgb(4, 4, 88);">开通super尊享特权</div>
                    <ul>
                        <li>
                            <img src="./images/159503668779632788.png" alt="">
                            <p>领红包</p>
                        </li>
                        <li>
                            <img src="./images/zuan.png" alt="">
                            <p>领云钻</p>
                        </li>
                        <li>
                            <img src="./images/抢.png" alt="">
                            <p>抢神劵</p>
                        </li>
                    </ul>
                </div>
                <div class="cont_bot">
                    <ul>
                        <li>
                            <span class="iconfont icon-huafei" style="color: blue;"></span>
                            <p>话费充值</p>
                        </li>
                        <li>
                            <span class="iconfont icon-shouyetubiao2-37" style="color: orange;"></span>
                            <p>水电煤</p>
                        </li>
                        <li>
                            <span class="iconfont icon-a-ziyuan50" style="font-size: 20px; color: orange;"></span>
                            <p>苏宁卡</p>
                        </li>
                        <li>
                            <span class="iconfont icon-qianbao" style="color: pink;"></span>
                            <p>理财</p>
                        </li>
                        <li>
                            <span class="iconfont icon-xinyongka" style="color: blue;"></span>
                            <p>分期</p>
                        </li>
                        <li>
                            <span class="iconfont icon-public-welfare" style="color: pink;"></span>
                            <p>苏宁公益</p>
                        </li>
                        <li>
                            <span class="iconfont icon-jiayouzhan" style="color: orange;"></span>
                            <p>加油卡</p>
                        </li>
                        <li>
                            <span class="iconfont icon-new" style="color: blue;"></span>
                            <p>以旧换新</p>
                        </li>
                        <li>
                            <span class="iconfont icon-insurance-fill" style="color: green;"></span>
                            <p>保险</p>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 左边固定栏 -->
    <ul class="left_fix">
        <div><span class="iconfont icon-taiyang"></span></div>
        <li class="fix active">限时秒杀</li>
        <li class="fix">领劵中心</li>
        <li class="fix">直播拼购</li>
        <li class="fix">频道广场</li>
        <li class="fix">猜你喜欢</li>
        <li><span class="iconfont icon-huidaodingbu"></span>顶部</li>
        <li>暴恐举报</li>
    </ul>
    <!-- 右侧固定栏 -->
    <div class="right_fix">
        <ul>
            <li>
                <span class="iconfont icon-geren"></span>
            </li>
            <li>
                <span class="iconfont icon-gouwuche1"></span>
                <p>购物车</p>
            </li>
            <li>
                <span class="iconfont icon-duanxin"></span>
            </li>
            <li>
                <span class="iconfont icon-qian"></span>
            </li>
            <li>
                <span class="iconfont icon-Z-daojishi"></span>
            </li>
            <li>
                <span class="iconfont icon-qiandao"></span>
            </li>
            <li>
                <span class="iconfont icon-hongbao"></span>
            </li>
            <li>
                <span class="iconfont icon-erji"></span>
            </li>
            <li>
                <span class="iconfont icon-biji"></span>
            </li>
            <li>
                <span class="iconfont icon-weimingmingwenjianjia_saoyisao"></span>
            </li>
            <li>
                <span class="iconfont icon-huidaodingbu"></span>
            </li>
        </ul>
    </div>
    <!-- 家电家装购物节 -->
    <div class="jd">
        <div class="content">
            <div class="jd_top">
                <img src="./images/家电购物.png" alt="">
            </div>
            <ul>
                <li>
                    <img src="./images/厨卫.jpg" alt="">
                    <div>
                        <p>厨卫精选</p>
                        <p>爆款5折起</p>
                    </div>
                </li>
                <li>
                    <img src="./images/烹饪.jpg" alt="">
                    <div>
                        <p>烹饪炊具</p>
                        <p>爆款9.9起</p>
                    </div>
                </li>
                <li>
                    <img src="./images/手机.jpg" alt="">
                    <div>
                        <p>手机通讯</p>
                        <p>限量领好劵</p>
                    </div>
                </li>
                <li>
                    <img src="./images/美妆.jpg" alt="">
                    <div>
                        <p>美妆护肤</p>
                        <p>满30减30</p>
                    </div>
                </li>
                <li>
                    <img src="./images/生鲜.jpg" alt="">
                    <div>
                        <p>美味生鲜</p>
                        <p>3折8折</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 限时秒杀 -->
    <div class="sencond">
        <div class="content">
            <div class="sec_left">
                <div class="sec_top">
                    <img src="./images/限时秒杀.png" alt="">
                    <p>距离下场 <span>00</span> : <span>02</span> : <span>55</span></p>
                    <p><span class="active">10:00场</span><span>15:00场</span></p>
                </div>
                <ol>
                    <li>
                        <img src="./images/海参.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span>￥6.70</span><span>￥12.8</span></p>
                        <p><span></span><span></span><span>已抢50%</span></p>
                    </li>
                    <li>
                        <img src="./images/玉米渣.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span>￥6.70</span><span>￥12.8</span></p>
                        <p><span></span><span></span><span>已抢50%</span></p>
                    </li>
                    <li>
                        <img src="./images/虾.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span>￥6.70</span><span>￥12.8</span></p>
                        <p><span></span><span></span><span>已抢50%</span></p>
                    </li>
                </ol>
            </div>
            <div class="sec_right">
                <div class="sec_top">
                    <img src="./images/大聚惠.png" alt="">
                    <p>抢品质好货</p>
                    <p>更多</p>
                </div>
                <ol>
                    <li>
                        <img src="./images/海参.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span><img src="./images/聚惠价.png" alt=""></span><span>￥12.8</span></p>
                        <p><span>爆卖中</span></p>
                    </li>
                    <li>
                        <img src="./images/玉米渣.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span><img src="./images/聚惠价.png" alt=""></span><span>￥12.8</span></p>
                        <p><span>爆卖中</span></p>
                    </li>
                    <li>
                        <img src="./images/虾.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span><img src="./images/聚惠价.png" alt=""></span><span>￥12.8</span></p>
                        <p><span>爆卖中</span></p>
                    </li>
                </ol>
            </div>
        </div>
    </div>

    <div class="sencond">
        <div class="content">
            <div class="sec_left">
                <div class="sec_top">
                    <img src="./images/限时秒杀.png" alt="">
                    <p>距离下场 <span>00</span> : <span>02</span> : <span>55</span></p>
                    <p><span class="active">10:00场</span><span>15:00场</span></p>
                </div>
                <ol>
                    <li>
                        <img src="./images/海参.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span>￥6.70</span><span>￥12.8</span></p>
                        <p><span></span><span></span><span>已抢50%</span></p>
                    </li>
                    <li>
                        <img src="./images/玉米渣.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span>￥6.70</span><span>￥12.8</span></p>
                        <p><span></span><span></span><span>已抢50%</span></p>
                    </li>
                    <li>
                        <img src="./images/虾.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span>￥6.70</span><span>￥12.8</span></p>
                        <p><span></span><span></span><span>已抢50%</span></p>
                    </li>
                </ol>
            </div>
            <div class="sec_right">
                <div class="sec_top">
                    <img src="./images/大聚惠.png" alt="">
                    <p>抢品质好货</p>
                    <p>更多</p>
                </div>
                <ol>
                    <li>
                        <img src="./images/海参.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span><img src="./images/聚惠价.png" alt=""></span><span>￥12.8</span></p>
                        <p><span>爆卖中</span></p>
                    </li>
                    <li>
                        <img src="./images/玉米渣.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span><img src="./images/聚惠价.png" alt=""></span><span>￥12.8</span></p>
                        <p><span>爆卖中</span></p>
                    </li>
                    <li>
                        <img src="./images/虾.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span><img src="./images/聚惠价.png" alt=""></span><span>￥12.8</span></p>
                        <p><span>爆卖中</span></p>
                    </li>
                </ol>
            </div>
        </div>
    </div>

    <div class="sencond">
        <div class="content">
            <div class="sec_left">
                <div class="sec_top">
                    <img src="./images/限时秒杀.png" alt="">
                    <p>距离下场 <span>00</span> : <span>02</span> : <span>55</span></p>
                    <p><span class="active">10:00场</span><span>15:00场</span></p>
                </div>
                <ol>
                    <li>
                        <img src="./images/海参.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span>￥6.70</span><span>￥12.8</span></p>
                        <p><span></span><span></span><span>已抢50%</span></p>
                    </li>
                    <li>
                        <img src="./images/玉米渣.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span>￥6.70</span><span>￥12.8</span></p>
                        <p><span></span><span></span><span>已抢50%</span></p>
                    </li>
                    <li>
                        <img src="./images/虾.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span>￥6.70</span><span>￥12.8</span></p>
                        <p><span></span><span></span><span>已抢50%</span></p>
                    </li>
                </ol>
            </div>
            <div class="sec_right">
                <div class="sec_top">
                    <img src="./images/大聚惠.png" alt="">
                    <p>抢品质好货</p>
                    <p>更多</p>
                </div>
                <ol>
                    <li>
                        <img src="./images/海参.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span><img src="./images/聚惠价.png" alt=""></span><span>￥12.8</span></p>
                        <p><span>爆卖中</span></p>
                    </li>
                    <li>
                        <img src="./images/玉米渣.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span><img src="./images/聚惠价.png" alt=""></span><span>￥12.8</span></p>
                        <p><span>爆卖中</span></p>
                    </li>
                    <li>
                        <img src="./images/虾.jpg" alt="">
                        <p>宫品淡干小海参刺参3-3.4c</p>
                        <p><span><img src="./images/聚惠价.png" alt=""></span><span>￥12.8</span></p>
                        <p><span>爆卖中</span></p>
                    </li>
                </ol>
            </div>
        </div>
    </div>
    <!-- 频道广场 -->
    <div class="pdgc">
    <div class="content">
        <img src="./images/频道广场.png" alt="">
        <ul>
            <li>
                <div class="top">
                    <p>母婴玩具<span>妈妈放心购</span></p>
                </div>
                <div class="bottom">
                    <img src="./images/左一.jpg" alt="">
                    <img src="./images/左二.jpg" alt="">
                </div>
            </li>
            <li>
                <div class="top">
                    <p>苏宁超市<span>为你挑好的</span></p>
                </div>
                <div class="bottom">
                    <img src="./images/中一.jpg" alt="">
                    <img src="./images/中二.jpg" alt="">
                </div>
            </li>
            <li>
                <div class="top">
                    <p>苏宁家电<span>买家电上苏宁</span></p>
                </div>
                <div class="bottom">
                    <img src="./images/右一.jpg" alt="">
                    <img src="./images/右二.jpg" alt="">
                </div>
            </li>
            <li>
                <div class="top">
                    <p>爆款手机<span>在意你的每一部手机</span></p>
                </div>
                <div class="bottom">
                    <img src="./images/下左一.jpg" alt="">
                    <img src="./images/下左二.jpg" alt="">
                </div>
            </li>
            <li>
                <div class="top">
                    <p>智能数码<span>科技数码</span></p>
                </div>
                <div class="bottom">
                    <img src="./images/下中一.jpg" alt="">
                    <img src="./images/下中二.jpg" alt="">
                </div>
            </li>
            <li>
                <div class="top">
                    <p>空调<span>知您冷暖</span></p>
                </div>
                <div class="bottom">
                    <img src="./images/下右一.jpg" alt="">
                    <img src="./images/下右二.jpg" alt="">
                </div>
            </li>
        </ul>
    </div>
    </div>
    <div class="jsg">
    <div class="content">
        <img src="./images/江苏馆.jpg" alt="">
    </div>
    </div>
    <!-- 粘性搜索框 -->
    <div class="top_fix">
    <div class="content">
        <div class="topFix_left">
            <span class="fenlei iconfont icon-icon-test"></span>
            分类
        </div>
        <ul class="top_fixul">
            <li>
                <span class="iconfont icon-shouji" style="color: blue;"></span>
                <a>手机</a>/<a>运营商</a>/<a>智能数码</a>
            </li>
            <li>
                <span class="iconfont icon-jiadian" style="color: blueviolet;"></span>
                <a>家用电器</a>/<a>帮客</a>
            </li>
            <li>
                <span class="iconfont icon-chouyanji" style="color: blue;"></span>
                <a>厨卫</a>/<a>生活家电</a>/<a>厨具</a>
            </li>
            <li>
                <span class="iconfont icon-desktop" style="color: blue;"></span>
                <a>电脑办公</a>/<a>相机</a>/<a>电竞</a>
            </li>
            <li>
                <span class="iconfont icon-shafa" style="color: orange;"></span>
                <a>家具</a>/<a>家装</a>/<a>家纺</a>/<a>灯具</a>
            </li>
            <li>
                <span class="iconfont icon-bangbangtang" style="color: green;"></span>
                <a>食品</a>/<a>酒水</a>/<a>生鲜</a>/<a>特产</a>
            </li>
            <li>
                <span class="iconfont icon-kouhong" style="color: red;"></span>
                <a>美妆</a>/<a>个护</a>/<a>清洁</a>/<a>宠物</a>
            </li>
            <li>
                <span class="iconfont icon-quanmianshidai-" style="color: pink;"></span>
                <a>母婴</a>/<a>玩具</a>/<a>车床</a>/<a>童装</a>
            </li>
            <li>
                <span class="iconfont icon-lanqiu" style="color: blue;"></span>
                <a>运动</a>/<a>户外</a>/<a>国米</a>/<a>骑行</a>
            </li>
            <li>
                <span class="iconfont icon-qunzi" style="color: pink;"></span>
                <a>女装</a>/<a>男装</a>/<a>内衣</a>/<a>鞋靴</a>
            </li>
            <li>
                <span class="iconfont icon-gongwenbao" style="color: orange;"></span>
                <a>箱包</a>/<a>钟表</a>/<a>珠宝</a>/<a>艺术</a>
            </li>
            <li>
                <span class="iconfont icon-qiche" style="color: blue;"></span>
                <a>汽车</a>/<a>电摩</a>/<a>汽车用品</a>
            </li>
            <li>
                <span class="iconfont icon-tushu" style="color: brown;"></span>
                <a>图书</a>/<a>艺术</a>/<a>原版</a>/<a>文学</a>
            </li>
            <li>
                <span class="iconfont icon-icon-" style="color: crimson;"></span>
                <a>医药健康</a>/<a>计生情趣</a>
            </li>
            <li>
                <span class="iconfont icon-licai" style="color: orange;"></span>
                <a>理财</a>/<a>分期</a>/<a>便民</a>
            </li>
        </ul>
        <div class="input_right">
            <span class="fangdajing iconfont icon-fangdajing"></span>
            <input type="text" value="iphone 13">
            <span class="inpfind">搜索</span>
        </div>
        <div class="topFix_right">
            <ul>
                <li>
                    <p>请登录</p>
                    <p>注册有礼</p>
                </li>
                <li>
                    <span class="iconfont icon-gouwuche"></span>
                    <span>购物车</span>
                </li>
            </ul>
        </div>
    </div>
    </div>
    <!-- 底部导航 -->
    <div class="bot_nav">
    <div class="content">
        <ul class="bot_top">
            <li>
                <img src="./images/正品保障.jpg" alt="">
                <div>
                    <p>正品保障</p>
                    <p>正品保障、提供发票</p>
                </div>
            </li>
            <li>
                <img src="./images/急速物流.jpg" alt="">
                <div>
                    <p>急速物流</p>
                    <p>如约送货、送货入户</p>
                </div>
            </li>
            <li>
                <img src="./images/售后无忧.jpg" alt="">
                <div>
                    <p>售后无忧</p>
                    <p>30天包退、365天包换</p>
                </div>
            </li>
            <li>
                <img src="./images/帮助中心.jpg" alt="">
                <div>
                    <p>帮助中心</p>
                    <p>您的购物指南</p>
                </div>
            </li>
            <li>
                <img src="./images/省心购.png" alt="">
                <div>
                    <p>省心购</p>
                    <p>专注好服务</p>
                </div>
            </li>
        </ul>
        <ul class="bot_bottom">
            <li>
                <p>购物指南</p>
                <p>免费注册</p>
                <p>会员等级</p>
                <p>常见问题</p>
            </li>
            <li>
                <p>支付方式</p>
                <p>苏宁支付</p>
                <p>网银支付</p>
                <p>快捷支付</p>
                <p>分期付款</p>
                <p>货到付款</p>
                <p>任性付支付</p>
            </li>
            <li>
                <p>物流配送</p>
                <p>运费政策</p>
                <p>物流配送服务</p>
                <p>签收验货</p>
                <p>物流查询</p>
            </li>
            <li>
                <p>售后服务</p>
                <p>退换货政策</p>
                <p>贵就赔</p>
                <p>维修/安装</p>
                <p>订单修改</p>
                <p>退换货申请</p>
                <p>我的发票</p>
            </li>
            <li>
                <p>商家服务</p>
                <p>合作招商</p>
                <p>培训中心</p>
                <p>广告服务</p>
                <p>商家帮助</p>
                <p>服务市场</p>
                <p>规则中心</p>
            </li>
            <li>
                <p>身边苏宁</p>
                <p>全国300多个城市，上万个门店和服务终端期待您的光临，为您提供贴心的服务!</p>
            </li>
        </ul>
    </div>
    </div>
    <!-- footer -->
    <div class="footer">
        <div class="content">
            <div class="ng-s-f-con">
                <p class="ng-url-list"><a title=" 苏宁互联" href="https://10035.suning.com/" target="_blank" name="public0_none_sn_hulian"> 苏宁互联</a><span>|</span><a title="苏宁金融" href="https://jinrong.suning.com" target="_blank" name="public0_none_sn_jinrong">苏宁金融</a><span>|</span><a title="苏宁支付" href="https://pay.suning.com/epp-epw/login/login.action?idsTrustFrom=suning&amp;ticket=ST1F1671F32556BC51442EB2ED516EB41D" target="_blank" name="public0_none_sn_zhifu1">苏宁支付</a><span>|</span><a title="PP视频" href="https://www.pptv.com/?rcc_id=snyg" target="_blank" name="public0_none_sn_pptv">PP视频</a><span>|</span><a title="红孩子" href="https://pindao.suning.com/city/Redbaby.html" target="_blank" name="public0_none_sn_redbaby">红孩子</a><span>|</span><a title="苏宁物流" href="https://wuliu.suning.com/slp/" target="_blank" name="public0_none_sn_wuliu">苏宁物流</a><span>|</span><a title="手机苏宁" href="" target="_blank" name="public0_none_sn_shouji">手机苏宁</a><span>|</span><a title="零售云" href="https://lsy.suning.com/" target="_blank" name="">零售云</a><span>|</span><a title="苏宁云" href="https://www.suningcloud.com" target="_blank" name="">苏宁云</a><span>|</span><a title="知识产权举报" href="https://ipp.suning.com/sips/toAgree.action" target="_blank" name="public0_none_sn_zhishi">知识产权举报</a><span>|</span><a title="投资者关系" href="https://www.suning.cn/cms/enterpriseManagementIntro/index.htm" target="_blank" name="">投资者关系</a><span>|</span><a title="苏宁智能" href="https://smarthome.suning.com/" target="_blank" name="">苏宁智能</a></p>
                <p class="ng-url-list"><a href="https://hc.suning.com/help/channel-153317970815764428.htm" target="_blank" name="public0_none_sn_callme">联系我们</a><span>|</span><a href="https://careers.suning.cn/" target="_blank" name="public0_none_sn_zhaopin">诚聘英才</a><span>|</span><a href="https://cc.suning.com/" target="_blank" name="public0_none_sn_gongyingshang">合作招商</a><span>|</span><a href="https://ap.suning.com/aps-sale-web/" target="_blank" name="public0_none_sn_guanggao">广告平台</a><span>|</span><a href="https://sums.suning.com/" target="_blank" name="public0_none_sn_lianmeng">苏宁联盟</a><span>|</span><a href="https://zb.suning.com/bid-web/main.htm" target="_blank" name="public0_none_sn_zhaobiao">苏宁招标</a><span>|</span><a href="https://hc.suning.com/privacy/index.htm" target="_blank" name="public0_none_sn_law">隐私政策</a><span>|</span><a href="https://ueip.suning.com/pc/index.htm" target="_blank" name="public0_none_sn_tiyan">用户体验提升计划</a><span>|</span><a href="https://mrs.suning.com/mrs-web/stockholder/check.htm" target="_blank" name="public0_none_sn_gudong">股东会员认证</a></p>
                <p class="ng-copyright" style="display: block;">
                Copyright© 2020-2021深圳市云网万店电子商务有限公司版权所有<span>|</span>
                <a title="苏公网安备 32010202010078号" target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32010202010078" rel="nofollow" style="color:#999" class="gwab"><i></i>苏公网安备 32010202010078号</a><span>|</span>
                <a title="粤ICP备2021027996号" href="https://beian.miit.gov.cn/" target="_blank" style="color:#999">粤ICP备2021027996号</a></p>
                <p class="ng-copyright ng-copyright-2" style="display: block;">
                <a title="合字B2-20180025" href="//res.suning.cn/public/v3/images/dx5006.png" target="_blank" rel="nofollow" style="color:#999">合字B2-20180025</a><span>|</span>
                <a title="合字A1.B1.B2-20180017" href="//res.suning.cn/public/v3/images/dx1001.png" target="_blank" rel="nofollow" style="color:#999">合字A1.B1.B2-20180017</a><span>|</span>
                <a title="出版物经营许可证新出发苏批字第A-243号" href="//res.suning.cn/public/v3/images/cbw-20200402.jpg" target="_blank" rel="nofollow" style="color:#999">出版物经营许可证新出发苏批字第A-243号</a><span>|</span>
                互联网药品信息服务资格证书<a href="//res.suning.cn/public/v3/images/ypzg-20210302.png" target="_blank" rel="nofollow" style="color:#999">（苏）-非经营性-2021-0032</a></p>
                <p class="ng-copyright ng-copyright-3" style="display: block;">
                <a title="经营证照" href="https://cuxiao.suning.com/jyzz2.html" target="_blank" rel="nofollow" style="color:#999">经营证照</a><span>|</span>
                <a title="网络文化经营许可证：苏网文〔2018〕10580-203号" href="http://sq.ccm.gov.cn/ccnt/sczr/service/business/emark/toDetail/ccaf7746824a4f91af567c29abc4b6aa" target="_blank" rel="nofollow" style="color:#999">网络文化经营许可证：苏网文〔2018〕10580-203号</a><span>|</span>
                <a title="互联网违法和不良信息举报邮箱：kfpt-yy@cnsuning.com" href="javascript:;" style="cursor: default;">互联网违法和不良信息举报邮箱：kfpt-yy@cnsuning.com</a><span>|</span>
                <a title="举报电话：02566996699-865948" href="javascript:;" style="cursor: default;">举报电话：02566996699-865948</a>
                </p>
                <p class="ng-copyright" style="display: block;">
                <a title="医疗器械网络交易服务第三方平台备案凭证-（苏）网械平台备字（2018）第00052号" href="//res.suning.cn/public/v3/images/ylqx-20190103.jpg?v=20200827" target="_blank" rel="nofollow" style="color:#999">医疗器械网络交易服务第三方平台备案凭证-（苏）网械平台备字（2018）第00052号</a><span>|</span>
                <a title="变更公告" href="//res.suning.cn/public/v3/images/bggg-20210506.jpg?v=2021050601" target="_blank" rel="nofollow">变更公告</a><span>|</span>
                <a title="营业执照" href="//res.suning.cn/public/v3/images/yyzz-20210506.jpg?v=2021050601" target="_blank" rel="nofollow">营业执照</a><span>|</span>
                <a title="合字B2-20210115" href="javascript:;" style="cursor: default;">合字B2-20210115</a>
                </p>
                <p class="ng-copyright" style="display: block;">本网站直接或间接向消费者推销商品或者服务的商业宣传均属于“广告”（包装及参数、售后保障等商品信息除外）</p>
                <div class="ng-authentication" style="display: block;">
                <a href="https://search.szfw.org/cert/l/CX20111018000608000610" target="_blank" name="public0_none_wb_zs0302" rel="nofollow" sap-expo="true">
                <img src="//res.suning.cn/public/v3/images/chengxin.png" height="24" width="76" alt="诚信网站">
                </a>
                <a href="http://image.suning.cn/uimg/snnet/snnetImg/142891196680527240.jpg" target="_blank" name="public0_none_wb_zs0303" rel="nofollow" sap-expo="true">
                <img src="//res.suning.cn/public/v3/images/unicom.png" height="24" width="76" alt="中国联通授权网络经营代理商">
                </a>
                <a href="//res.suning.cn/public/v3/images/dianxin_content.jpg" target="_blank" name="public0_none_wb_zs0304" rel="nofollow" sap-expo="true">
                <img src="//res.suning.cn/public/v3/images/dianxin.jpg" height="24" width="76" alt="中国电信授权网络经营代理商">
                </a>
                <a href="https://zzlz.gsxt.gov.cn/businessCheck/verifKey.do?showType=p&amp;serial=913200005668848108-SAIC_SHOW_1000009132000056688481081572311357911&amp;signData=MEQCII+7OGallh6hxToamA3VfhexsTQw4fBcArcI7NexQaS0AiA8CqvkBVtdxtB/yiHMrNo9FWipRU161IH5hhB5BlBi2g==" target="_blank" rel="nofollow" name="public0_none_wb_zs0305" sap-expo="true">
                <img src="//res.suning.cn/public/v3/images/dianzizhizhao.png?v=01" height="24" width="24" alt="电子营业执照">
                </a>
                <a href="//www.12377.cn/node_548446.htm" target="_blank" rel="nofollow" name="public0_none_wb_zs0306" sap-expo="true">
                <img src="//res.suning.cn/public/v3/images/netsafe1.png?v=01" height="24" width="72" alt="网络举报app下载">
                </a>
                <a href="//www.12377.cn/" target="_blank" rel="nofollow" name="public0_none_wb_zs0307" sap-expo="true">
                <img src="//res.suning.cn/public/v3/images/netsafe2.png?v=01" height="24" width="144" alt="网上有害信息举报">
                </a>
                <a href="http://www.shdf.gov.cn/shdf/channels/740.html" target="_blank" rel="nofollow" name="public0_none_wb_zs0308" sap-expo="true">
                <img src="//res.suning.cn/public/v3/images/netsafe3.png?v=01" height="24" width="166" alt="扫黄打非">
                </a>
                </div>
            </div>
        </div>
    </div>


    
    <script src="./js/utils.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/index1.js"></script>
</body>
</html>